<style>
    .fixed-table-body {
        height: 440px !important;
        overflow-y: auto;
    }
</style>
<div class='panel modal-dialog modal-lg' data-sortable-id='ui-general-1'>
    <div class='panel-heading' style="background-color: #cccccc52">
        <div class='panel-heading-btn'>
            <button class='btn btn-xs btn-icon btn-circle btn-danger' onclick="$('#centerModal').empty().modal('hide')" ><i class='fa fa-times'></i></button>
        </div>
        <h3 class='panel-title'>沟通记录</h3>
    </div>
    <div class='panel-body p-0' style="height: 725px;">
        <div class='row col-md-12 p-t-5 p-r-0'>
            <ul class="nav nav-tabs m-b-2">
                <li class="active"><a class="p-t-5 p-b-5" href="#nav-pills-tab-1" data-toggle="tab">首页</a></li>
                <li><a class="p-t-5 p-b-5" href="#nav-pills-tab-3" data-toggle="tab" >电话</a></li>
                <li><a class="p-t-5 p-b-5" href="#nav-pills-tab-2" data-toggle="tab" >跟进记录</a></li>
            </ul>
            <div class="tab-content p-t-0">
                <div class="tab-pane fade active in" id="nav-pills-tab-1">
                    <div class="col-md-12 col-sm-12 col-xs-12 p-0" style="border-bottom:1px solid #d8d8d8;">
                        <table class="table table-default table-bordered m-b-0">
                            <tbody>
                            <tr sec:authorize="hasAuthority('communicate:choose')">
                                <th class="text-center col-md-2 p-10" style="background-color:#d1d6da;">筛选</th>
                                <th>
                                    <input id="indexfollow" value="" type="hidden">
                                    <div class="dropdown" id="indexFollowUsers">
                                        <a type="button" class="btn btn-link m-l-10 p-3 f-s-10 border-dashed-1"  data-toggle="dropdown"><i class="fa fa-plus m-r-3"></i>筛选</a>
                                        <ul class="dropdown-menu  width-150" >
                                            <div class="panel panel-inverse m-b-0" data-sortable-id="ui-general-2">
                                                <div class="panel-heading p-5" data-stopPropagation ="true" style="border-top-left-radius:9px;border-top-right-radius:9px">
                                                    <h4 class="panel-title text-left">选择员工</h4>
                                                </div>
                                                <div class="panel-body p-3 height-250 width-150 overflow-auto"  data-stopPropagation ="true">
                                                    <div id="index_follow_user"></div>
                                                </div>
                                                <div class="panel-footer text-right" data-stopPropagation ="true">
                                                    <a href="javascript:void(0)" onclick="$('#indexFollowUsers').removeClass('open')" class="label label-danger m-r-5 ">取消</a>
                                                    <a href="javascript:void(0)" onclick="indexFollowUserList()" class="label label-primary m-r-5 " >确定</a>
                                                </div>
                                            </div>
                                        </ul>
                                        <span id="indexSelctUsers"></span>
                                    </div>
                                </th>
                            </tr>
                            </tbody>
                        </table>
                        <div class="col-md-6 col-sm-6 col-xs-6 p-0 p-b-5 height-70 m-t-5" >
                            <div class="col-md-4 col-sm-4 col-xs-4 p-0" style="border-right:1px solid #d8d8d8;background-color:#d1d6da;">
                                <h4 class="text-center m-t-25 m-b-25">今 日 沟 通</h4>
                            </div>
                            <div class="col-md-2 col-sm-2 col-xs-2 p-0 m-t-5" style="border-right:1px solid #d8d8d8;">
                                <h4 class="text-center color-blue"><strong id="allCount">0</strong></h4>
                                <h6 class="text-center">总次数</h6>
                            </div>
                            <div class="col-md-2 col-sm-2 col-xs-2 p-0 m-t-5" style="border-right:1px solid #d8d8d8;">
                                <h4 class="text-center color-blue"><strong id="cusCount">0</strong></h4>
                                <h6 class="text-center">客户次数</h6>
                            </div>
                            <div class="col-md-2 col-sm-2 col-xs-2 p-0 m-t-5">
                                <h4 class="text-center color-blue"><strong id="telCount">0</strong></h4>
                                <h6 class="text-center">其他次数</h6>
                            </div>
                        </div>
                    </div>

                    <div class="col-md-12 col-sm-12 col-xs-12 text-center">
                        <div class="p-t-40"  id="nonediv" style="display: none;">
                            <span><i class="fa fa-exclamation-circle"></i> 今天暂无沟通记录,现在就开始联系客户吧!</span>
                        </div>
                        <div class="m-t-15" id="noneList" style="overflow-y: auto;overflow-x:hidden;height: 545px;">

                        </div>
                    </div>
                </div>
                <!--电话-->
                <div class="tab-pane fade" id="nav-pills-tab-3">
                    <div class="col-md-12 col-sm-12 col-xs-12 p-0">
                        <table class="table table-default table-bordered m-b-0">
                            <tbody>
                                <tr sec:authorize="hasAuthority('communicate:choose')">
                                    <th class="text-center col-md-2 p-10" style="background-color:#d1d6da;">筛选</th>
                                    <th>
                                        <input id="telfollow" value="" type="hidden">
                                        <div class="dropdown" id="telFollowUsers">
                                            <a type="button" class="btn btn-link m-l-10 p-3 f-s-10 border-dashed-1"  data-toggle="dropdown"><i class="fa fa-plus m-r-3"></i>筛选</a>
                                            <ul class="dropdown-menu  width-150" >
                                                <div class="panel panel-inverse m-b-0" data-sortable-id="ui-general-2">
                                                    <div class="panel-heading p-5" data-stopPropagation ="true" style="border-top-left-radius:9px;border-top-right-radius:9px">
                                                        <h4 class="panel-title text-left">选择员工</h4>
                                                    </div>
                                                    <div class="panel-body p-3 height-250 width-150 overflow-auto"  data-stopPropagation ="true">
                                                        <div id="tel_follow_user"></div>
                                                    </div>
                                                    <div class="panel-footer text-right" data-stopPropagation ="true">
                                                        <a href="javascript:void(0)" onclick="$('#selectFollowUsers').removeClass('open')" class="label label-danger m-r-5 ">取消</a>
                                                        <a href="javascript:void(0)" onclick="selectTelUserList()" class="label label-primary m-r-5 " >确定</a>
                                                    </div>
                                                </div>
                                            </ul>
                                            <span id="telSelctUsers"></span>
                                        </div>
                                    </th>
                                </tr>
                                <tr>
                                    <th class="text-center col-md-2 p-10" style="background-color:#d1d6da;">时间</th>
                                    <th class="col-md-9" id="telfollowtime">
                                        <input type="hidden" id="telstarttime" name="" value="1">
                                        <input type="hidden" id="telendtime" name="" value="">
                                        <button type="button" class="btn btn-link m-l-10 p-3  btn-primary" onclick="selectCallTime(this)" data-click="1">今天</button>
                                        <button type="button" class="btn btn-link m-l-10 p-3  " onclick="selectCallTime(this)" data-click="2">昨天</button>
                                        <button type="button" class="btn btn-link m-l-10 p-3  " onclick="selectCallTime(this)" data-click="7">最近7天</button>
                                        <button type="button" class="btn btn-link m-l-10 p-3  " onclick="selectCallTime(this)" data-click="30">最近30天</button>
                                        <button type="button" class="btn btn-link m-l-10 p-3 " onclick="selectCallTime(this)" data-click="selft">自定义</button>
                                        <button id="telselect_time"type="button" class="btn btn-white m-l-10  width-300 hidden">
                                            <span></span><i class="fa fa-angle-down fa-fw"></i>
                                        </button>
                                    </th>
                                </tr>
                                <tr >
                                    <th class="text-center col-md-2 p-10" style="background-color:#d1d6da;">筛选</th>
                                    <th>
                                        <div class="input-group width-300 p-l-10">
                                            <input type="text" id="telsearchValue" placeholder="搜索客户姓名或联系方式" class="form-control height-30 p-0 p-l-5 p-r-5 " />
                                            <span class="input-group-addon"><a href="javascript:void(0);" onclick=" $JuXue.refreshTable('telfollowTab');">搜索</a></span>
                                        </div>
                                    </th>
                                </tr>
                                <tr>
                                    <th class="text-center col-md-2 p-10" style="background-color:#d1d6da;">通话方式</th>
                                    <th class="col-md-9" id="callStatusDiv">
                                        <input type="hidden" id="callStatus" name="" value="">
                                        <button type="button" class="btn btn-link m-l-10 p-3  btn-primary" onclick="selectStatus(this)" data-click="">全部</button>
                                        <button type="button" class="btn btn-link m-l-10 p-3" onclick="selectStatus(this)" data-click="2">手机</button>
                                        <button type="button" class="btn btn-link m-l-10 p-3" onclick="selectStatus(this)" data-click="1">座机</button>
                                    </th>
                                </tr>
                                <tr>
                                    <th class="text-center col-md-2 p-10" style="background-color:#d1d6da;">通话类型</th>
                                    <th class="col-md-9" id="callTypeDiv">
                                        <input type="hidden" id="callType" name="" value="">
                                        <button type="button" class="btn btn-link m-l-10 p-3  btn-primary" onclick="selectCallType(this)" data-click="">全部</button>
                                        <button type="button" class="btn btn-link m-l-10 p-3" onclick="selectCallType(this)" data-click="2">呼入</button>
                                        <button type="button" class="btn btn-link m-l-10 p-3" onclick="selectCallType(this)" data-click="1">呼出</button>
                                    </th>
                                </tr>
                            </tbody>
                        </table>
                    </div>
                    <div class="col-md-12 col-sm-12 col-xs-12 p-0 overflow-auto" >
                        <table id="telfollowTab" data-mobile-responsive="true" class="mb-bootstrap-table"></table>
                    </div>
                </div>
                <!--跟进记录-->
                <div class="tab-pane fade" id="nav-pills-tab-2">
                    <div class="col-md-12 col-sm-12 col-xs-12 p-0">
                        <table class="table table-default table-bordered m-b-0">
                            <tbody>
                            <tr sec:authorize="hasAuthority('communicate:choose')">
                                <th class="text-center col-md-2 p-10" style="background-color:#d1d6da;">筛选</th>
                                <th>
                                    <input id="gerenfollow" value="" type="hidden">
                                    <div class="dropdown" id="selectFollowUsers">
                                        <a type="button" class="btn btn-link m-l-10 p-3 f-s-10 border-dashed-1"  data-toggle="dropdown"><i class="fa fa-plus m-r-3"></i>筛选</a>
                                        <ul class="dropdown-menu  width-150" >
                                            <div class="panel panel-inverse m-b-0" data-sortable-id="ui-general-2">
                                                <div class="panel-heading p-5" data-stopPropagation ="true" style="border-top-left-radius:9px;border-top-right-radius:9px">
                                                    <h4 class="panel-title text-left">选择员工</h4>
                                                </div>
                                                <div class="panel-body p-3 height-250 width-150 overflow-auto"  data-stopPropagation ="true">
                                                    <div id="select_follow_user"></div>
                                                </div>
                                                <div class="panel-footer text-right" data-stopPropagation ="true">
                                                    <a href="javascript:void(0)" onclick="$('#selectFollowUsers').removeClass('open')" class="label label-danger m-r-5 ">取消</a>
                                                    <a href="javascript:void(0)" onclick="selectFollowUserList()" class="label label-primary m-r-5 " >确定</a>
                                                </div>
                                            </div>
                                        </ul>
                                        <span id="followSelctUsers"></span>
                                    </div>
                                </th>
                            </tr>
                                <tr>
                                    <th class="text-center col-md-2 p-10" style="background-color:#d1d6da;">时间</th>
                                    <th class="col-md-9" id="choosefollowtime">
                                        <input type="hidden" id="starttime" name="starttime" value="1">
                                        <input type="hidden" id="endtime" name="endtime" value="">
                                        <button type="button" class="btn btn-link m-l-10 p-3  btn-primary" onclick="selectMyTime(this)" data-click="1">今天</button>
                                        <button type="button" class="btn btn-link m-l-10 p-3  " onclick="selectMyTime(this)" data-click="2">昨天</button>
                                        <button type="button" class="btn btn-link m-l-10 p-3  " onclick="selectMyTime(this)" data-click="7">最近7天</button>
                                        <button type="button" class="btn btn-link m-l-10 p-3  " onclick="selectMyTime(this)" data-click="30">最近30天</button>
                                        <button type="button" class="btn btn-link m-l-10 p-3 " onclick="selectMyTime(this)" data-click="selft">自定义</button>
                                        <button id="select_time" type="button" class="btn btn-white m-l-10  width-300 hidden">
                                            <span></span><i class="fa fa-angle-down fa-fw"></i>
                                        </button>
                                    </th>
                                </tr>
                                <tr>
                                    <th class="text-center col-md-2 p-10" style="background-color:#d1d6da;">筛选</th>
                                    <th>
                                        <div class="input-group width-250 p-l-10">
                                            <input type="text" id="searchValue" placeholder="搜索客户姓名" class="form-control height-30 p-0 p-l-5 p-r-5 " />
                                            <span class="input-group-addon"><a href="javascript:void(0);" onclick=" $JuXue.refreshTable('followTab');">搜索</a></span>
                                        </div>
                                    </th>
                                </tr>
                            </tbody>
                        </table>
                    </div>
                    <div class="col-md-12 col-sm-12 col-xs-12 p-0 height-500 overflow-auto m-t-65" >
                        <table id="followTab" data-mobile-responsive="true" class="mb-bootstrap-table"></table>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
<input type="hidden" id="customer_uuid" value="">
<input type="hidden" id="customer_ids" value="">
<input type="hidden" id="customer_type" value="">

<div class="modal fade" id="myCustomer-modal" data-keyboard="false" data-backdrop="static" tabindex="-1"></div>
<script data-th-src="@{customer/center/saleRecord/center_record.js}"></script>
<script data-th-src="@{customer/center/saleRecord/center_option.js}"></script>
